import React from "react";

import "./Todomian.css";
import Todoitem from "../Todoitem/Todoitem";

export default function Todomain(props) {
  let { todo, deltodo, updatatodo } = props;

  return (
    <>
      <ul className="todo-main">
        {todo.map((item, index) => {
          return (
            <Todoitem
              key={item.id}
              item={item}
              index={index}
              deltodo={deltodo}
              updatatodo={updatatodo}
            ></Todoitem>
          );
        })}

        {todo.length !== 0 ? null : (
          <li className="todo-empty">暂时没有新的任务</li>
        )}
      </ul>
    </>
  );
}
